<html>
	<head>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,700,300,600,400&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/layerslider.css">
		<link rel="stylesheet" type="text/css" href="css/datepicker.css">
		<link rel="stylesheet" type="text/css" href="css/config.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">
	</head>
	<body>
		<section class="wrapper">
			<header>
				<div class="header-top">
					<div class="container">
						<ul class="top">
							<li><a href="javascript:void(0);">Sitemap</a></li>
							<li><a href="javascript:void(0);">Welcom back-<span>LOGIN</span></a></li>
							<li class="dropdown">Language: <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">VI
								<span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="javascript:void(0);">EN</a></li>
									<li><a class="active" href="javascript:void(0);">VI</a></li>
									<li><a href="javascript:void(0);">CH</a></li>
									<li><a href="javascript:void(0);">JA</a></li>
								</ul>
							</li>
						</ul>
						
					</div>
				</div>
				<div class="header hotel">
					<div class="container">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png"></a>
						</div>
						<div class="hotel-info">
							<h1>Silverland Sakyo Hotel & Spa</h1>
							<div class="col1_2">
								<span class="glyphicon glyphicon-map-marker"></span>
								<div class="des">
									10A-B-C Le Thanh Ton Street, Ben Nghe Ward,<br>
									Dist 1, Ho Chi Minh City, Vietnam
								</div>
							</div>
							<div class="col1_2">
								<div class="row1">
									<span class="glyphicon glyphicon-earphone"></span>
									<div class="des">
										<span>+84 8 38 295 295</span>
										<span>Fax: +84 8 3 275 089</span>
									</div>
								</div>
								<div class="row1">
									<span class="glyphicon glyphicon-envelope"></span>
									<div class="des">
										Email: info@silverlandsakyohotel.com
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</header>			
			<div class="content">
				<div class="container">
					<div class="hotel-content">
						<div class="left">
							<div class="navigation">
								<ul>
									<li><a href="#">About the hotel</a></li>
									<li><a href="#">Room and Suites</a></li>
									<li><a href="#">Amenity and Services</a></li>
									<li><a href="#">KL Spa</a></li>
									<li><a href="#">Dining</a></li>
									<li><a href="#">Plan an event</a></li>
									<li><a href="#">Tour</a></li>
								</ul>
							</div>
							<div class="hotel-booking">
								<div class="choosen">
									<div class="dropdown">
										<div class="dropdown-toggle" data-toggle="dropdown">Silverland Sakyo Hotel & Spa
											<span class="glyphicon glyphicon-chevron-down"></span>
										</div>
										<ul class="dropdown-menu" role="menu">
											<li><a href="javascript:void(0);">Grand Silverland Hotel & Spa</a></li>
											<li><a href="javascript:void(0);">Silverland Central Hotel & Spa</a></li>
											<li><a href="javascript:void(0);">Silverland Sakyo Hotel & Spa</a></li>
											<li><a href="javascript:void(0);">Silverland Hotel & Spa</a></li>
											<li><a href="javascript:void(0);">LA JOLIE HOTEL & SPA</a></li>
											<li><a href="javascript:void(0);">SILVERLAND BOUTIQUE HOTEL</a></li>
											<li><a href="javascript:void(0);">Silverland Inn Hotel</a></li>
										</ul>
									</div>
									<div class="date" id="dpFrom">
										<input type="text" class="form-control" id="check-in-date">
										<span class="glyphicon glyphicon-calendar">
									</div>
									<div class="date" id="dpTo">
										<input type="text" class="form-control" id="check-out-date">
										<span class="glyphicon glyphicon-calendar">
									</div>
									<div class="btn-check-rate">
										<input type="submit" value="Check room & rate">
									</div>
								</div>
							</div>
							<div class="map" id="map_canvas">

							</div>
							<div class="offers">
								<div class="img">
									<a href="#"><img src="images/promotion.jpg"></a>
								</div>
								<h3>20% OFF on food</h3>
								<div class="btn-detail">
									<a href="javascript:void(0);" class="details">View detail</a>
								</div>
							</div>
						</div>
						<div class="right">
							<div class="slider" id="slider">
								<div class="ls-layer">
									<img class="ls-s0"  src="images/sakyohotel.jpg" style="durationin: 1000; easingin: easeOutExpo">
								</div>
								<div class="ls-layer">
									<img class="ls-s1"  src="images/sakyohotel.jpg" style="durationin: 1000; easingin: easeOutExpo">
								</div>
								<div class="ls-layer">
									<img class="ls-s2"  src="images/sakyohotel.jpg" style="durationin: 1000; easingin: easeOutExpo">
								</div>
								
							</div>
							<div class="room">
								<div class="room-description">
									<div class="room-detail">
										<h3>Executive</h3>
										<div class="des">
											<p>Highlight: city view Jacuzzi bathtub, shower, wash-let toilet (automatic toilet seat), comfortable working space, LED hotel interactive TV (LG 42'') with multimedia kit, microwave.</p>
											<p>Number of room: 10</p>
											<p>Max Occupancy per Room: 2</p>
											<p>Size of Room: 34 sqm</p>
											<p>View: City View</p>
											<p>Bedding: 1 King Bed</p>
										</div>
										<button class="btn btn-primary" data-toggle="modal" data-target="#amenity">View Amenities</button>
									</div>
									<div class="carousel room-slide slide carousel-fade" data-ride="carousel">
									  	<!-- Indicators -->
									  	<ol class="carousel-indicators">
										    <li data-target=".room-slide" data-slide-to="0" class="active"></li>
									    	<li data-target=".room-slide" data-slide-to="1"></li>
									    	<li data-target=".room-slide" data-slide-to="2"></li>
									  	</ol>

									  	<!-- Wrapper for slides -->
									  	<div class="carousel-inner">
									    	<div class="item active">
									      		<img src="images/hotel-detail-rooms.jpg">
									    	</div>
									    	<div class="item">
										      	<img src="images/sakyohotel2.jpg">
										    </div>
										    <div class="item">
										      	<img src="images/hotel-detail-rooms.jpg">
										    </div>
										</div>

									  	<!-- Controls -->
										  <a class="left carousel-control" href=".room-slide" role="button" data-slide="prev">
										    <span class="glyphicon glyphicon-chevron-left"></span>
										  </a>
									  	<a class="right carousel-control" href=".room-slide" role="button" data-slide="next">
									    	<span class="glyphicon glyphicon-chevron-right"></span>
									  	</a>
									</div>
									<div class="room-slide">
										<div class="btn-price">
											From VND 1,533,906.00 per night
										</div>
										<a href="javascript:void(0);" class="check-avaibility">Check Avaibility</a>
									</div>
								</div>
								<div class="room-description">
									<div class="room-detail">
										<h3>Executive</h3>
										<div class="des">
											<p>Highlight: city view Jacuzzi bathtub, shower, wash-let toilet (automatic toilet seat), comfortable working space, LED hotel interactive TV (LG 42'') with multimedia kit, microwave.</p>
											<p>Number of room: 10</p>
											<p>Max Occupancy per Room: 2</p>
											<p>Size of Room: 34 sqm</p>
											<p>View: City View</p>
											<p>Bedding: 1 King Bed</p>
										</div>
										<button class="btn btn-primary" data-toggle="modal" data-target="#amenity">View Amenities</button>
									</div>
									<div class="room-slide">
										<div class="slide">
											<img src="images/hotel-detail-rooms.jpg">
										</div>
										<div class="btn-price">
											From VND 1,533,906.00 per night
										</div>
										<a href="javascript:void(0);" class="check-avaibility">Check Avaibility</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="brand">
						<h3>our brands</h3>
						<ul>
							<li><a href="javascript:void(0);"><img src="images/thl5.jpg"></a></li>
							<li><a href="javascript:void(0);"><img src="images/thl5.jpg"></a></li>
							<li><a href="javascript:void(0);"><img src="images/thl5.jpg"></a></li>
							<li><a href="javascript:void(0);"><img src="images/thl5.jpg"></a></li>
							<li><a href="javascript:void(0);"><img src="images/thl5.jpg"></a></li>
							<li><a href="javascript:void(0);"><img src="images/thl5.jpg"></a></li>
							<li><a href="javascript:void(0);"><img src="images/thl5.jpg"></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="modal fade" id="amenity" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  	<div class="modal-dialog">
				    	<div class="modal-content">
				     		<div class="modal-header">
				        		<button type="button" class="close" data-dismiss="modal">
				        			<span class="glyphicon glyphicon-remove-sign"></span>
				        		</button>
				        		<h4 class="modal-title">Amenities</h4>
				      		</div>
				      		<div class="modal-body">
				        		<ul class="amenity">
								    <li>Non Smoking Rooms</li>
								    <li>Air Conditioning</li>
								    <li>Bathrobes</li>
								    <li>Daily Newspaper (lobby)</li>
								    <li>Desk</li>
								    <li>Hair Dryer</li>
								    <li>Ironing Facilities</li>
								    <li>In Room Safe</li>
								    <li>Television LCD/plasma Screen</li>
								    <li>Bathtub</li>
								    <li>Shower</li>
								    <li>Mini Bar</li>
								    <li>Balcony/terrace</li>
								    <li>Satellite/cable TV</li>
								    <li>Coffee/tea Maker</li>
								    <li>Complimentary Bottled Water</li>
								    <li>Free LAN And WiFi Access</li>
								</ul>
				      		</div>
				    	</div><!-- /.modal-content -->
			  	</div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
			<footer class="footer">
				<div class="container">
					<div class="footer-logo">
							<a href="javascript:void(0);"><img src="images/footer-logo.png"></a>
					</div>
					<div class="footer-right">
						<div class="payment"><img src="images/payment.png"></div>
						<div class="news-daily">
							<div class="button-send">
								<input type="button" class="btnSend" value="Send">
								<span class=" glyphicon glyphicon-envelope"></span>
							</div>
							<input type="text" class="daily-email" placeholder="Enter your email to get promotions from us">
						</div>
						<div class="copyright">
							COPYRIGHT © 2013 Tan Hai Long - Silverland Hotel Group. ALL RIGHTS RESERVED.
						</div>
					</div>
				</div>
			</footer>
		</section>
		<div class="home">
			<a href="#"><span class="glyphicon glyphicon-home"></span></a>
		</div>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/jquery-easing-1.3.js"></script>
		<script type="text/javascript" src="js/layerslider.transitions.js"></script>
		<script type="text/javascript" src="js/jquery-transit-modified.js"></script>
		<script type="text/javascript" src="js/layerslider.kreaturamedia.jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<script type='text/javascript'>			
			var moved = false; 
			function initialize() {
				var myLatlngBounds = new google.maps.LatLngBounds(
						new google.maps.LatLng(10.78162, 106.70559)
						, new google.maps.LatLng(10.78162, 106.70559)
					);
				var photo = "images/icon-map.png";
				var myOptions = {
			      //zoom: 14,
			      scaleControl: true,
			      center: myLatlng,
			      maxZoom: 16,
			      mapTypeId: google.maps.MapTypeId.ROADMAP
			    }
			    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
			    map.fitBounds(myLatlngBounds);	
			    var myLatlng = new google.maps.LatLng(10.78162, 106.70559);		    
			    var marker = new google.maps.Marker({
			        position: myLatlng, 
			        map: map,
		            icon: photo,
			    });			    	    
			}
			setTimeout("initialize()",10);
		</script>
	</body>
</html>